/**
 * 
 * 0. 获取元素
 */

const account=document.querySelector('#account')//用户名
const captcha=document.querySelector('#captcha')//验证码
const password=document.querySelector('#password')//密码
const checkPassword=document.querySelector('#checkPassword')//确认密码
const submitBtn=document.querySelector('#submitBtn')//注册按钮
const erronMsg=document.querySelector('#erronMsg')//错误提醒

/**
 * 1. 需求 点击注册按钮 进行验证
 */

submitBtn.addEventListener('click',function(){
    //console.log(1);
    //获取每个输入框的value
    const accountVal=account.value;//用户名
    const captchaVal=captcha.value;//验证码
    const passwordVal=password.value;//密码
    const checkPasswordVal=checkPassword.value;//确认密码

    //console.log(accountVal,captchaVal,passwordVal,checkPasswordVal);

    //利用正则表达式判断

    //手机号正则
    const accountReg=/^1[3-9][0-9]{9}$/
    //密码正则
    const passwordReg=/^[a-zA-Z]\w{5,11}$/
    if(!accountReg.test(accountVal)){//手机号判断
        erronMsg.textContent='手机号错误'
        return;
    }
    else if(!passwordReg.test(passwordVal)){//密码判断
        erronMsg.textContent='密码错误'
        return;
    }
    else if(passwordVal!=checkPasswordVal){//再次确认密码
        erronMsg.textContent='两次输入密码不一致'
        return;
    }else{//全部正确
        //清空错误提示消息
        erronMsg.textContent=''
        //发送请求

        let url='http://139.9.177.51:8099/users/add';
        axios.post(url,{
            account:accountVal,
            password:passwordVal
        }).then(function(res){
            //判断
            if(res.data.status === 0){
                //弹出轻提示框

                //页面跳转
                location.href='./register.html'
            }else{
                erronMsg.textContent='注册失败'
            }
        })
    }

})